<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>SVG测试</title>
</head>
<body>
<svg style=' border:1px solid blue;width:300px;height:300px;'>

    <g transform="matrix(1,0,0,1, 0, 0)">
        <!--//其它页面内容-->
        <text>点击这里出现菜单</text>
    </g>
    <g transform="matrix(1,0,0,1, 100,100)">
        <foreignObject width="61" height="27" x="-14" y="42">
            <ul xmlns="http://www.w3.org/1999/xhtml" style="background-color: firebrick;-webkit-line-clamp: 2; display: -webkit-box; overflow: auto;height: 100px; text-overflow: ellipsis; -webkit-box-orient: vertical; text-align: center; font-size: 12px; line-height: 1.1em; color: rgb(0, 0, 0); font-family: Calibri;">
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
                <li>菜单1</li>
            </ul>
        </foreignObject>
    </g>
</svg>
</body>
</html>
